<template>
  <el-container>
  <el-header class="headerbg">
    <el-row>
      <el-col :span="8" class="titlebg"><h1>{{head.platform}}</h1></el-col>
      <el-col :span="8" style="text-align: center;" class="titlebg"><p>{{head.analysis}}</p></el-col>
      <el-col :span="8" style="text-align: right;" class="titlebg_height">
        <img src="/static/assets/img/head.png" alt="" >
        <span class="vm" @click="onClick(head.methods)">{{head.name}}</span></el-col>
    </el-row>
  </el-header>
  </el-container>
</template>

<script>
export default {
  props: {
    head: {
      default: ''
    }
  },
  data () {
    return {

    }
  },
  methods: {
    onClick: function (str) {
      this.$emit(str)
    }
  }
}
</script>

<style scoped>
  /*布局样式*/
  .el-header, .el-footer {
    height: 120px!important;
    color:#fff;
    background:url(../../static/assets/img/titlebg.png) no-repeat center center;
  }
</style>
